<template>
  <div class="chart-wrap flex-column h-100">
    <echart-bar
      id="afs-line"
      ref="afsLine"
      :styles="{ width: '100%', height: '500px', 'text-align': 'center' }"
      :data="barData"
    />
  </div>
</template>
<script>
  import barData from './data.js'
  import EchartBar from '@/components/echart/echart-bar'
  export default {
    components: {
      EchartBar
    },
    data() {
      return {
        barData: []
      }
    },
    mounted() {
      this.barData = barData
    },
    methods: {
    }
  }
</script>
<style lang="scss" scoped>
.chart-wrap {
  background: #020721;
}
</style>
